<template>
  <div class="page page-with-padding">
    <fe-header slot="header" style="width:100%;position:absolute;left:0;top:0;z-index:100;">Loading</fe-header>
    <div class="fe-content">
      <div style="margin:10px;">
        <fe-button type="primary" @click="showLoading">show Loading(2秒后关闭)</fe-button>
      </div>
    </div>
  </div>
</template>
<script>
import {Header, Button,Loading} from 'feui'
console.log(Loading)
  // import Loading from '../../src/components/loading'
  export default {
  data () {
    return {
    }
  },
  components:{
    [Header.name]: Header,
    [Button.name]: Button,
    [Loading.name]: Loading,
  },
  created:function(){
  },
  methods:{
    showLoading () {
      Toast.loading({duration: 2000, mask: true });
      
      // Loading.show({text:'显示咯'});
      // setTimeout(function(){
      //    Loading.hide()
      // },2000)
    }
  }
}
</script>
<style scoped lang="less">
</style>
